.toolbar {
  height: 100%;
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--toolbar-bg, #ffffff);
}

.toolbar .ant-space {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* 按钮基础样式 */
.toolbar-button,
.ai-toolbar-button {
  padding: 8px !important;
  height: 40px !important;
  width: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px !important;
}

.toolbar-button .anticon,
.ai-toolbar-button .anticon {
  font-size: 16px;
}

/* 鼠标悬停效果 */
.toolbar-button:hover,
.ai-toolbar-button:hover {
  background-color: var(--button-hover-bg, #e6f7ff) !important;
  color: var(--primary-color, #1890ff) !important;
}

/* 按钮激活状态 */
.toolbar-button.active,
.ai-toolbar-button.active {
  background-color: var(--button-active-bg, #e6f7ff) !important;
  color: var(--primary-color, #1890ff) !important;
}

/* 按钮点击状态 */
.toolbar-button:active,
.ai-toolbar-button:active {
  background-color: var(--button-pressed-bg, #bae7ff) !important;
}

/* 分隔线样式 */
.toolbar-button::after,
.ai-toolbar-button::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 6px;
  bottom: 6px;
  width: 1px;
  background-color: var(--border-color, #e8e8e8);
}

/* 最后一个按钮不显示分隔线 */
.toolbar-group > *:last-child .toolbar-button::after,
.toolbar-group > *:last-child .ai-toolbar-button::after {
  display: none;
} 